<header class="main-box-header clearfix">
    <div class="pull-right">
        <button type="button" class="btn btn-warning"> <input class="checkbox check-all" type="checkbox"
                style="display: inline-block;margin-top: -2px;vertical-align: middle;"> 全选 </button>
        <!-- <button type="button" class="btn btn-warning"> <input class="checkbox check-all" type="checkbox" style="display: inline-block;margin-top: -2px;vertical-align: middle;"> 全选 </button> -->
        <button type="button" class="btn btn-primary addBtn" id="create_verTable">
            <i class="fa fa-plus"></i> 添加 <span class="caret"></span>
        </button>
       
        <button class="btn btn-danger ajax-post confirm" url="http://testadmin.ksyuedu.com/admin/material/del.html"
            target-form="ids">删 除</button>
    </div>
    {include file="book/_pub_search" /}
</header>
<div class="main-box-body clearfix">
    {:widget('admin/Book/book', $book_id)}
    {:widget('admin/Book/cate', $cate_type)}
</div>

<!-- 版本 -->
<div class="row verTable">
    <div class="col-md-6">
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th width="20px"><input class="checkbox check-all" type="checkbox" style="display:inline"></th>
                    <th width="35px">序号</th>
                    <th width="230px">名字</th>
                    <th width="35px">评级</th>
                    <th width="50px">工号</th>
                    <th width="70px">时间</th>
                    <th width="50px">选用</th>
                    <th width="75px">记录</th>
                    <th width="70px">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td style="color:#ff3c00">
                        已选用
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
                <tr>
                    <td><input class="ids row-selected" type="checkbox" name="id[]" value="1"></td>
                    <td>999</td>
                    <td class="toolTip" style="font-size: 16px!important;">
                        名字名字名名字名字名字名字名字字
                    </td>
                    <td>A</td>
                    <td>刘馥铭</td>
                    <td>11-12 16:03</td>
                    <td>
                        未选用
                        <!-- 已选用 -->
                    </td>
                    <td>
                        11-12 16:03<br>刘馥铭选用
                    </td>
                    <td style="">
                        <a href="#" style="margin-right: 5px;"><i class="fa"></i>查看</a>
                        <a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-6">
        <div class="textContent">
            曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上曲瑜这一晕，再次醒来却是半年之后。半年的时间，文登变了天。韩家直接收购了顾家，成为了文登的老大。韩氏的总裁可是钻石王老五，是所有女人眼中心中所朝思梦想的对象。可她们也知道，韩总的心思除了在公司上，剩下的就全在医院里那个一直昏迷不醒的女人身上
        </div>
    </div>
</div>

<!-- add 版本 -->
<div class="modal fade" id="create-versions-modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
                <span style="font-size: 20px;"><span id="referralname">添加</span></span>
            </div>
            <div class="modal-body">
                <div data-bind="visible: loading" class="loading-panel" style="display: none;">
                    <i class="fa fa-spin fa-spinner"></i>
                </div>
                <form class="form-horizontal modelform">
                    <div class="form-group">
                        <label class="control-label col-sm-2">评级</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2">上传文本</label>
                        <div class="col-lg-9">
                            <button type="button" class="btn btn-primary" id="picker_ebook11">
                                上传
                            </button>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="createreferral" class="btn btn-primary ">提交</button>
            </div>
        </div>
    </div>
</div>